/* 
顶部导航
1 : 背景颜色设置为黑色
2 : 去掉边框  
*/
.my-header{
    background-color: skyblue;
    border: 0;
}
/* 
顶部导航的logo
1 : 调整位置
*/
.my-header .logo{
    padding-top: 6px;
}
/* 
顶部导航的logo
1 : 设置logo图片大小
*/
.my-header .logo-pic{
    max-height: 30px;
}
/*  
折叠按钮
1 : 设置按钮的大小
2 : 设置按钮的图片
*/
.navbar-toggle {
    box-sizing: border-box;
    height: 30px;
    width: 30px;
    background-image: url('../img/bag.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
}
/* 
折叠按钮
1 : 去掉按钮的边框
*/
.navbar-inverse .navbar-toggle {
    border: 0;
}
/* 
折叠按钮
1 : 当hover时, 背景图片变色
*/
.navbar-inverse .navbar-toggle:hover{
    background-color: skyblue;
    background-image: url('../img/bag (1).png');
}
/* 
导航栏
1 : 改变字体颜色
*/
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
    font-weight: bolder;
}
/* 
导航栏
1 : 当hover时, 字体颜色变为黑色
*/
.navbar-inverse .navbar-nav>li>a:hover{
    color: #333;
}
/* 
导航栏
1 : 当hover时, 背景颜色变为白色
*/
.navbar-inverse .navbar-nav>li:hover{
    background-color: #fff;
}
.navbar-nav{
    margin-top: 0;
}
/* 
折叠列表
1 : 将折叠列表边框变为白色
*/
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #fff;
}
/* 
头部导航
1 : 将底部margin设置为0
*/
.navbar{
    margin-bottom: 0px;
}
/* 
轮播图
1 : 图片居中
*/
#swiper .carousel-inner img{
    margin: 0 auto;
}
/* 
轮播图的背景颜色
1 : 不同图片需要不同背景颜色
*/
#swiper .carousel-inner .item:nth-child(1){
    background-color:#ebebeb; 
}
#swiper .carousel-inner .item:nth-child(2){
    background-color:#ebebeb; 
}
#swiper .carousel-inner .item:nth-child(3){
    background-color:#f8dd4e; 
}
/* 
part-01 的文字内容
1 : 设置字体间的间距
*/
#part-01>h3{
    margin-top: 39px;
}
#part-01>p{
    color: #666;
    margin-bottom: 39px;
    line-height: 2em;
}
/* 
设置part-01的 card 大小 字体 不同屏幕下的高度
*/
#part-01>.row .card{
    min-width: 300px;
    max-width: 460px;
    margin: 0 auto 30px auto;
    overflow: hidden;
}
#part-01>.row .card .right h4{
    margin-top: 0;
    font-weight: bolder;
}
@media (max-width: 399px) {
    #part-01>.row .card {
        max-height: 91px;
    }
}
@media (min-width: 768px) {
    #part-01>.row .card {
        max-height: 108px;
    }
}

/* 
part-02
*/
#part-02 img{
    width: 50%;
    margin: 0 auto;
    display: block;
}
#part-02 .container {
    padding-bottom: 38px;
}
#part-02>div:nth-child(odd) {
    background-color: #f2f2f2;
}
#part-02 .container h3 {
    font-size: 21px;
    font-weight: bold;
}
#part-02 .container p {
    font-size: 18px;
    color: #999;
    max-width: 300px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    #part-02 #pic-b {
        float: right;
    }
    #part-02 #text-b {
        float: left;
    }
}
/* 
footer
*/
footer {
    color: #ffffff;
    padding: 38px 0;
    background-color: skyblue;
    font-size: 12px;
}